<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p>flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。</p>

    <p>如果所有项目的flex-shrink属性都为1，当空间不足时，都将等比例缩小。
        如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者为0的不缩小。</p>
    <h4>1. 如果容器中项目flex-shrink属性值一部分为1，一部分为2，那么会按照缩放比例去缩放，值为2的缩放效果是值为1的两倍。</h4>
    <h4>2. 负值对该属性无效。</h4>


</body>

</html>